body {
    font-family: Arial;
    font-size: small;
}

td {
    vertical-align: top;
}

div#userlinks {
    background-color: beige;
    float: right;
}

#enemygrid td {
    background-color: SeaGreen;
}

#mygrid td {
    background-color: DodgerBlue;
}

table.battlegrid {
    border-collapse: collapse;
}

.battlegrid td, .battlegrid th {
    height: 21px;
    width: 21px;
    padding: 0px;
    padding-right: 0px;
}

.battlegrid td {
    background-color: seaGreen;
    border: 1px solid black;
}

table.bordered {
    border: 1px solid black;
    border-collapse: collapse;
    margin: 1em 1em 1em 0px;
}

.bordered th {
    text-align: center;
}

.bordered th, .bordered td {
    border: 1px solid black;
    padding: 0.2em;
}

input[type=text].coords {
    width: 2em;
}

td.hit {
    background-color: orange !important;
}

td.lastmovehit {
    background-color: red !important;
}

td.lastmovemiss {
    background-color: yellow !important;
}

td.legend {
    border: solid 1px black;
    height: 21px;
    padding: 0px;
    width: 21px;
}

td.miss {
    background-color: white !important;
}

td.selected {
    background-color: blue !important;
}

td.shiphealth {
    color: red;
}

span.yourmove {
    font-weight: bold;
}